Skip to main content

视觉编辑

在界面中直接进行特定的设计修改。

Lovable 的视觉编辑功能允许您选择页面上的元素，并立即对其进行编辑，例如更新文本或颜色，或者使用提示指令来调整功能和布局。该工具非常适合进行快速、针对性的更新，而无需手动修改代码或使用 AI。使用视觉编辑不会扣除积分。

lovable

何时使用视觉编辑​

在以下情况下使用视觉编辑：

  • 更改网站上的静态文本内容
  • 更新字体、字号或样式
  • 修改文本、按钮或其他元素的颜色
  • 选择特定元素并使用提示功能来修改其视觉外观或功能。请注意，此提示将作为普通提示扣除积分。

键盘快捷键：

  • Mac 上：Option ⌥ + S
  • PC 上：Alt + S

如何访问和使用视觉编辑​

1. 查找视觉编辑工具​

您可以在项目界面的左下角聊天框中找到它。

2. 点击编辑按钮来激活视觉编辑​

3. 选择要更改的元素​

将鼠标悬停在您想要更改的元素上，例如标题、按钮、背景部分等，然后点击以选中它。

4. 通过提示指令或直接输入进行编辑​

选中后，您可以：

  • 输入提示指令，例如“将此标题设为粗体并更改颜色为深绿色。”
  • 或者使用内联编辑选项直接更改文本或选择新字体和颜色。

5. 应用并查看更改​

完成更改后，点击保存，Lovable 将立即更新实时预览和代码。

仅静态元素可以使用视觉编辑工具进行编辑。如果某个元素无法选中，很可能是因为它是动态元素，视觉编辑无法选中和更改它。